# 构建阶段：使用 Node.js 18 构建 Vue 项目
FROM node:18-alpine AS builder

# 设置工作目录
WORKDIR /app

# 复制 package.json 和 pnpm-lock.yaml
COPY package.json pnpm-lock.yaml ./

# 安装 pnpm
RUN npm install -g pnpm

# 安装依赖（使用 --frozen-lockfile 确保依赖一致性）
RUN pnpm install --frozen-lockfile

# 复制源代码
COPY . .

# 执行构建命令（根据你的项目调整）
RUN pnpm build

# 运行阶段：使用 Nginx 部署静态文件
FROM nginx:alpine

# 删除 Nginx 默认配置
RUN rm -rf /etc/nginx/conf.d/default.conf

# 复制自定义 Nginx 配置（需提前创建）
COPY nginx.conf /etc/nginx/conf.d/

# 从构建阶段复制生成的静态文件
COPY --from=builder /app/dist /usr/share/nginx/html

# 暴露 80 端口
EXPOSE 80

# 启动 Nginx
CMD ["nginx", "-g", "daemon off;"]